<template>
	<view class="alist">
		<view class="box" v-for="(item, index) in alist" :key="item.id">
			<view class="tit">{{item.text}}</view>
			<image class="img" :src="item.image" mode="widthFix" @click="go(item.link)"></image>
		</view>
	</view>
</template>

<script>
	import {
		name_config
	} from "@/common/config.js"
	export default {
		data() {
			return {
				alist: [{
					id: 0,
					text: `${name_config.name}大转盘，每天来转一转红包拿不停`,
					image: this.IMGLink + "/activities/cj.png",
					link: "/pages/activities/luckdraw/luckdraw"
				}]
			}
		},
		methods: {
			go(link) {
				uni.navigateTo({
					url: link
				})
			}
		}
	}
</script>

<style scoped>
	.box {
		width: 100%;
		overflow: hidden;
	}

	.tit {
		width: 100%;
		box-sizing: border-box;
		padding: 36rpx 0 0 24rpx;
		color: #383838;
		font-size: 28rpx;
	}

	.img {
		display: block;
		margin: 16rpx auto 0;
		width: 93%;
		height: auto;
	}
</style>
